<template>
  <div class="wrap">
    <div class="head">
      heade
    </div>
    <div class="body">
      body
    </div>
    <div class="foot">foot</div>
  </div>
</template>

<script>
export default {
  name: 'App',
  data() {
    return {
      info: '110 120'
    }
  },
  methods: {
    renderPage() {
      console.log('render ...')
      console.log(this.info)
    }
  }
}
</script>
<style lang="scss" scoped>
.wrap {
  background-color: #f00;
  .head {
    background-color: #fcc;
  }
}
</style>
